
<!DOCTYPE html>

<!-- Copyright (c) 2019, the Dart project authors.  Please see the AUTHORS file
     for details. All rights reserved. Use of this source code is governed by a
     BSD-style license that can be found in the LICENSE file. -->

<html>
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/png" sizes="32x32" href="jaspr-32.png">
    <link rel="shortcut icon" type="image/png" sizes="64x64" href="jaspr-64.png">
    <link rel="shortcut icon" type="image/png" sizes="192x192" href="jaspr-192.png">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <title>JasprPad</title>
    <meta name="title" content="JasprPad - Online Playground for Jaspr">
    <meta name="description" content="Play with Jaspr in your browser. View examples, take the tutorial or code and download your own jaspr app.">

    <meta property="og:type" content="website">
    <meta property="og:url" content="https://playground.jaspr.site/">
    <meta property="og:title" content="JasprPad - Online Playground for Jaspr">
    <meta property="og:description" content="Play with Jaspr in your browser. View examples, take the tutorial or code and download your own jaspr app.">
    <meta property="og:image" content="https://playground.jaspr.site/jaspr-192.png">

    <!-- styles -->
    <link href="./styles/styles.css" rel="stylesheet" media="screen">
    <link href="./styles/workshops.css" rel="stylesheet" media="screen">
    <link href="styles.css" rel="stylesheet" media="screen">

    <!-- fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono&display=swap" rel="stylesheet">

    <!-- highlightjs -->
    <link rel="stylesheet" href="./styles/hljs-dartpad-dark.css">
    <script src="./third_party/highlight/highlight.min.js"></script>
    <script src="./third_party/highlight/dart.min.js"></script>

    <!-- codemirror -->
    <link href="./packages/codemirror/css/codemirror.css" rel="stylesheet" media="screen">
    <script src="./packages/codemirror/codemirror.js" defer></script>

    <!-- codemirror themes -->
    <link href="./styles/cm-scrollbars.css" rel="stylesheet" media="screen">
    <link href="./styles/cm-hints.css" rel="stylesheet" media="screen">
    <link href="./styles/cm-dartpad-dark.css" rel="stylesheet" media="screen">
    <link href="./styles/cm-dartpad-light.css" rel="stylesheet" media="screen">

    <!-- material design -->
    <script src="./packages/mdc_web/material-components-web.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <!-- dart -->
    <script defer src="main.dart.js"></script>
</head>
<script>var globalState = {};</script>
<body>
</body>
</html>
